
@import '@/app.less';
@user: user;

.text-style {
  font-size: 36px;
  font-weight: 600;
  color: @text-color-1;
}

.@{user} {
  height: 100%;
  width: 100% ;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: @bg-color-2;
  .@{user}__info {
    height: 180px;
    width: 100%;
    padding: 20px 0;
    background-color: @bg-color-1;
    .info {
      padding-left: 40px;
      height: 100%;
      display: flex;
      align-items: center;
      .avatar {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
      }
      .username {
        margin-left: 20px;
        &__name {
          .text-style;
        }
        &__noLogin {
          .text-style;
          .click__login {
            font-size: 24px;
            font-weight: 400;
            color: @text-color-2;
          }
        }
      }
    }
    
  }
  .@{user}__list {
    width: 100%;
    flex: 1;
    overflow: hidden;
    background-color: @bg-color-2;
    .list__container {
      padding-left: 48rpx;
    }
  }
}